#header{
  width: 355px;
  margin: 0 auto;
  height: 50px;
  background: #FC9153;
  display: flex;
  justify-content: flex-start;
  color:#fff;
  p{
    width: 118.33333px;
    height:25px;
    line-height: 25px;
    text-align: center;
  }
}
#publish{
  height: 100%;
  background: #FAFAFA;
}
#form{
  width: 355px;
  margin: 0 auto 0 auto;
}
#unable-publish{
  position: fixed;
  z-index:10;
  top:0;
  left:0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.8);
  color: #fff;
  .box{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    .icon{
      width: 160px;
      height: 140px;
      margin:0 auto;
      background: url("./images/unable-publish.svg") no-repeat;
      background-size: 100%;
    }
    .close{
      width: 300px;
      margin: 10px auto 0 auto;
      color:#fff;
      &::after{
        border-color: #fff;
      }
    }
  }
}
